<div class="container-fluid topBgColor">
    <!--顶栏-->
    <div class="container">
        <!-- Logo -->
        <div class="logo">
            <a href="{:url('index/index')}" class="hidden-xs">
                <img src="__IMG__/Logo.png" class="img-responsive" alt="">
                
            </a>

            <a href="javascript:void();" class="visible-xs">
                <img src="__IMG__/Logo.png" class="img-responsive logoImg" alt="">
            </a>
        </div>
        <!-- 左边导航栏 -->
        <nav class="navStyle">
            <ul class="navList">
                <li>
                    <a href="{:url('index/index')}">首页</a>
                </li>
                {volist name="cateres" id="cate"}
                <li {if condition="$cate['children'] != 0" }class="hoverDropDown" {/if}>
                    <?php
                        $list = '';
                        if($cate['type'] == 1){
                            $list = "artlist"; 
                        }else if($cate['type'] == 2){
                            $list = "page";
                        }else if($cate['type'] == 3){
                            $list = "imglist";
                        }
                    ?> 
                    <a {if condition="$cate['children'] == 0" }href="/index/{$list}/index/cateid/{$cate.id}" {else /}href="#"{/if}>{$cate.catename}</a>
                    {if condition="$cate['children'] != 0"}
                    <ul class="dropdownMenu">
                        {volist name="$cate['children']" id="cateson"}
                        <li>
                            <a href="/index/{$list}/index/cateid/{$cateson.id}">{$cateson.catename}</a>
                        </li>
                        {/volist}
                    </ul>
                    {/if}
                </li>
                {/volist}
            </ul>
        </nav>
        <!-- 左边导航栏 -->
        <!-- 右边栏 -->
        <div class="topRight">
            <ul class="rightNav">
                <li>
                    <a>
                        <i class="iconfont icon-sousuo searchIco"></i>
                    </a>
                </li>
                {if condition="$Request.session.index_name == ''"}
                    <li>
                        <a href="" data-toggle="modal" data-target="#loginModal">登录</a>
                    </li>
                    <li>
                        <a href="javascript:alert('敬请期待！');">注册</a>
                    </li>
                {else /}
                    <li class="loginAfter hoverDropDown">
                        <img src="__IMG__/adam-jansen.jpg" alt="">
                        <a href="#">{$Request.session.index_name}</a>
                        <ul class="dropdownMenu">
                            <li>
                                <a href="#">个人中心</a>
                            </li>
                            <li>
                                <a href="#">写博文</a>
                            </li>
                            <li>
                                <a href="{:url('login/logout')}">退出登录</a>
                            </li>
                        </ul>
                    </li>
                {/if}
            </ul>
        </div>
        <!-- END-右边栏 -->
        <!-- 搜索框 -->
        <div class="search" name="search">
            <form action="{:url('search/index')}" method="get">
                <input type="text" placeholder="请输入搜索内容" name="keywords" />
                <!-- 搜索图标 -->
                <i class="iconfont icon-sousuo"></i>
            </form>
        </div>
        <!-- END-搜索框 -->
        <!-- 登录模态框 -->
        <div class="modal fade" id="loginModal" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">登录</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" name="login" action="{:url('login/login')}" method="post">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">账户</label>
                                <div class="col-sm-10">
                                    <input type="text" autocomplete="off" name="username" class="form-control"
                                        placeholder="账户" {if condition="$Request.cookie.cookie_pasd != ''"}value="{$Request.cookie.cookie_pasd}"{/if}>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
                                <div class="col-sm-10">
                                    <input type="password" {if condition="$Request.cookie.cookie_pasd != ''"}value="{$Think.cookie.cookie_pasd}"{/if} class="form-control" placeholder="密码" name="password" >
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" name="rempasd" value="1" {if condition="$Request.cookie.cookie_pasd != ''"}checked{/if}> 记住密码
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <button type="submit" class="btn btn-primary" style="width: 120px;">登录</button>
                                </div>
                            </div>
                        </form>
                        <div class="modal-footer">
                            <a href="" class=" pull-left">忘记密码?</a>
                            <a href="" class="">前去注册</a>
                        </div>
                    </div>
                    <!-- END-modal-body -->
                </div>
                <!-- END-modal-content -->
            </div>
            <!-- END-modal-dialog -->
        </div>
        <!-- END-登录模态框 -->
    </div>
    <!-- END-conatainer -->
</div>
<!-- END-container-fluid -->